<template>
  <div class="index">
    
    <div class="mt20">
        <div class="search-condition clearfix">
          使用单位：
           <Input  style="width:150px;"></Input>
          &nbsp;&nbsp;&nbsp;
          产品名称：
          <Input  style="width:150px;"></Input>
          &nbsp;&nbsp;&nbsp;
          
          <Button type="primary">查询</Button> 
         <div class="fr">
           <a href="#">续费说明</a>
         </div>
        </div>
        
        <div class="mt20">
          <Table border stripe :columns="columns1" :data="data1">
            <template slot-scope="{ row, index }" slot="action">
              <Icon type="ios-paper c1" size="20" title="查看" @click="gotoDetail(row)"/>
            </template>
          </Table>
        </div>
    </div>
  
    <div class="page mt20">
      <Page :total="100" show-sizer show-total/>
    </div> 
  
  </div>
</template>

<script>
  export default {
    data () {
      return{
        position:[
          {title: '财务管理', link:'/admin/moneyManage'},
          {title: '续费管理'}
        ],
        columns1: [
          {title: '产品名称', key: 'address'},
          { title: '产品型号', key: 'address'},
          { title: '产品类型', key: 'address'},
          { title: '使用单位', key: 'address'},
          { title: '起止时间', key: 'address'},
          { title: '倒计时', key: 'address'},
          { title: '服务年限', key: 'address'},
          { title: '续费状态', key: 'address'},
          { title: '操作', slot: 'action', width: 80, align: 'center'},
         ],
         data1:[
           {
             id: '103232',
             'address': 'fsdfsdfdsf'
           },
           {
             id: '103232',
             'address': 'fsdfsdfdsf'
           },
           {
             id: '103232',
             'address': 'fsdfsdfdsf'
           },
           
         ]
      }
    },
    mounted () {
      this.$store.commit('UPDATE_POSITION', this.position)
    },
    methods:{
      gotoDetail (item) {
        this.$router.push('incomeDetail?id' + item.id)
      }
    }
  }
</script>

<style lang="less" scoped>

  </style>
